<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        /*id选择器,通过标签的id属性进行匹配的，以#作为前缀，id的值唯一的*/
        #mydiv{
            color:yellow;
            font-size: 20px;
        }


        /*
            class选择，类选择器，通过标签的class属性进行匹配的，以点号作为前缀
            class的值可以有多个，如： class="heihei haha xixi"

        */
        .heihei{
            color:red;

        }
        .haha{
            background:pink;
        }
        .xixi{
            font-size: 100px;
        }
        /*标签选择器:通过标签的名称进行匹配的*/
        h2{
            background:hotpink;
        }


        /*匹配所有元素*/
        *{
            color:white;
        }



    </style>
</head>
<body>
    <div >div</div>
    <div id="mydiv">div</div>
    <div class="heihei">div</div>
    <!--p{p$$}*5-->
    <p>p01</p>
    <p class="heihei haha xixi">p02</p>
    <p>p03</p>
    <p>p04</p>
    <p>p05</p>
    <h2>h2</h2>
    <h2>h2</h2>
    <h2>h2</h2>
    <h2>h2</h2>
    <h2>h2</h2>
</body>
</html>